<!doctype html>
<html>

<head>
  <script>
    window.dataLayer = [];
  </script>
  <!-- Google Tag Manager -->
  <script>
    (function (w, d, s, l, i) {
      w[l] = w[l] || [];
      w[l].push({
        'gtm.start': new Date().getTime(),
        event: 'gtm.js'
      });
      var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s),
        dl = l != 'dataLayer' ? '&l=' + l : '';
      j.async = true;
      j.src =
        'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
      f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-MGKBKT5');
  </script>
  <!-- End Google Tag Manager -->

  <!-- <script>
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement('script');
    hm.src = 'https://hm.baidu.com/hm.js?8dfa8fb7ffbd0407c8562282198066a6';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(hm, s);
  })();
</script>
 -->

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
  <title>四史网页</title>

  <!-- Meta -->









  <meta charset='utf-8' />
  <meta http-equiv='Content-Language' content='zh' />
  <meta name='viewport' content='width=device-width, initial-scale=1' />
  <meta name='keywords' content='' />
  <meta name='description' content='欢迎访问四史网页'>
  <meta name='baidu-site-verification' content='u7Vir8pZFL' />
  <meta name='author' content='唐豪泽' />
  <link rel='canonical' href='/'>
  <link rel='icon' type='image/png' href='https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1604659456678&di=ae9e76050aa94aa9d3aab25879e02b55&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F16%2F10%2F20%2F205808b7d21f7e4.jpg' sizes='32x32'>
  <link rel='icon' type='image/png' href='https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1604659456678&di=ae9e76050aa94aa9d3aab25879e02b55&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F16%2F10%2F20%2F205808b7d21f7e4.jpg' sizes='16x16'>

  <!-- Twitter card -->
  <meta name='twitter:card' content='summary_large_image' />
  <meta name='twitter:site' content='{"username"=>"@starbucks"}' />
  <meta name='twitter:image' content='' />


  <!-- Favicons -->
  <!-- <link rel='apple-touch-icon' sizes='180x180' href='https://www-static.chinacdn.starbucks.com.cn/prod/assets/favicons/apple-touch-icon.png'> -->
  <!-- <link rel='icon' type='image/png' href='https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1604659456678&di=ae9e76050aa94aa9d3aab25879e02b55&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F16%2F10%2F20%2F205808b7d21f7e4.jpg' sizes='32x32'>
<link rel='icon' type='image/png' href='https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1604659456678&di=ae9e76050aa94aa9d3aab25879e02b55&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F16%2F10%2F20%2F205808b7d21f7e4.jpg' sizes='16x16'>
<link rel='manifest' href='https://www-static.chinacdn.starbucks.com.cn/prod/assets/favicons/manifest.json'>
<link rel='mask-icon' href='https://www-static.chinacdn.starbucks.com.cn/prod/assets/favicons/safari-pinned-tab.svg' color='#ef233c'>
<link rel='shortcut icon' href='https://www-static.chinacdn.starbucks.com.cn/prod/assets/favicons/favicon.ico'>
<meta name='msapplication-config' content='https://www-static.chinacdn.starbucks.com.cn/prod/assets/favicons/browserconfig.xml'> -->
  <meta name='theme-color' content='#ffffff'>


  <!-- CSS -->
  <link rel='stylesheet' href='css/styles.css'>
</head>

<body class='lang-zh page-front' ontouchstart=''>
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src='https://www.googletagmanager.com/ns.html?id=GTM-MGKBKT5' height='0' width='0'
      style='display:none;visibility:hidden'></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

  <script>
    var isChrome = ((navigator.userAgent.toLowerCase().indexOf('chrome') > -1) && (navigator.vendor.toLowerCase()
      .indexOf('google') > -1) || navigator.userAgent.match('CriOS'));
    if (isChrome) document.body.classList.add('chrome');
  </script>

  <div id='app-view-wrapper'>
    <!-- Navigation panel -->





    <nav id='nav'>
      <!-- <div class='terms-notes' id='terms-notes'>
    <p id='terms-notes-zh' style="display: none"><a href="/help/legal/starbucks-rewards-program-terms-and-conditions-2020">《星享俱乐部活动的条款和条件》即将更新并于2020年6月9日生效。您可以点击阅读，了解更多详情。</a></p>
    <p id='terms-notes-en' style="display: none"><a href="/help/legal/starbucks-rewards-program-terms-and-conditions-2020">The updated Starbucks Rewards Program Terms and Conditions will take effect on June 9, 2020. You can click here to review and learn more. </a></p>
  </div> -->
      <div id='placeholder-element'></div>
      <div class='container'>
        <header class='header'>
        
          <div class='primary'>
            <!-- <ul>
	  
	  <li class='stores'>
	    <a id='stores-primary'  href='/stores/'>
	      门店
	    </a>
	  </li>
	  
	  <li class='account'>
	    <a id='account-primary'  href='/account/'>
	      我的帐户
	    </a>
	  </li>
	  
	  <li class='menu'>
	    <a id='menu-primary'  href='/menu/'>
	      菜单
	    </a>
	  </li>
	  
	</ul> -->
          </div>

    

        </header>

        <div class='body'>
          <nav class='container middle secondary'>


            <div class='display-1'>简介</div>
            <div class='tabs-wrapper'>
              <ul class='subcategories'>

                <li>
                  <a id='side_menu_default' href="index2.html#intro-item1" class='active'>
                    中共党史
                  </a>
                </li>

                <li>
                  <a id='side_menu_beverages' href="index2.html#intro-item2">
                    新中国史
                  </a>
                </li>

                <li>
                  <a id='side_menu_food' href="index2.html#intro-item3">
                    改革开放史
                  </a>
                </li>

                <li>
                  <a id='side_menu_coffee' href="index2.html#intro-item4">
                    社会主义发展史
                  </a>
                </li>

              </ul>
            </div>

          </nav>

        </div>
      </div>


      <div class='overlay ' id='nav-overlay'>
        <div class='container'>
          <header class='header'>
            <a class='logo' href='/'>
              <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/images/logo.svg' alt='星巴克' />
            </a>
            <button class='icon close'>Close</button>
          </header>
          <section class='body'>
            <div class='container middle'>
              <ul>

                <li>
                  <a id='svc-overlay' href='/starbucks-gift-card/'>
                    新中国史
                  </a>
                </li>


                <li>
                  <a id='starbucks_reserve-overlay' href='/starbucks-reserve/'>
                    改革开放史
                  </a>
                </li>


                <li>
                  <a id='starbucks_mop-overlay' href='/starbucks-now/'>
                    社会主义发展史
                  </a>
                </li>


                <li>
                  <a id='starbucks_delivery-overlay' href='/starbucks-delivers-info/'>
                    中共党史
                  </a>
                </li>

                <li>
                  <hr />
                </li>
              </ul>
              <!-- <footer class='account'>
          <div id='account-logout'></div>
        </footer> -->
            </div>
          </section>
          <footer class='footer'>
            <div class='container'>

              <a id='en-collapse' class='lang' href='javascript:void(window.location.pathname = "/en/")'>
                English
              </a>



              |
              <a id='privacy-collapse' href='/help/legal/privacy-policy'>
                隐私政策
              </a>
              |
              <a id='terms-collapse' href='/help/legal/terms-of-starbucks-website/'>
                使用条款
              </a>
            </div>
          </footer>
        </div>
      </div>

    </nav>
    <style>
      @media (min-width: 1025px) {
        #terms-notes {
          margin-left: 30%;
          width: 69%;
        }

        #placeholder-element {
          display: none;
        }
      }

      .terms-notes {
        position: fixed;
        display: none;
        width: 100%;
        padding: 4px 16px;
        background-color: #0bac69;
        z-index: 999;
      }

      .terms-notes p {
        margin: 0;
        padding-right: 18px
      }

      .terms-notes p a {
        width: 100%;
        margin: 0;
        color: #ffffff;
      }
    </style>

    <script>
      var pathname = window.location.pathname;
      if (pathname === '/' || pathname === '') {
        var termsNotes = termsNotesHeight = document.getElementById('terms-notes')
        termsNotes.style.display = 'block';
        document.getElementById('terms-notes-zh').style.display = 'block';
        var placeholderElement = document.getElementById('placeholder-element');
        placeholderElement.style.height = termsNotes.offsetHeight + 'px';
      }
      if (pathname === '/en' || pathname === '/en/') {
        var termsNotes = termsNotesHeight = document.getElementById('terms-notes')
        termsNotes.style.display = 'block';
        document.getElementById('terms-notes-en').style.display = 'block';
        var placeholderElement = document.getElementById('placeholder-element');
        placeholderElement.style.height = termsNotes.offsetHeight + 'px';
      }
    </script>


    <!-- Page content -->
    <section id='content'>
      <style>
        .carousel-image {
          width: 1400px;
          height: 500px;
        }

        .middle-img {
          width: 400px;
          height: 200px;
        }

        #app-promotion .close {
          display: none !important;
        }

        @media (max-width: 1024px) {
          #desktop-placeholder-element {
            display: none;
          }
        }

        .video-wrapper {
          text-align: center;
        }
      </style>

      <section class='hero'>
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
				<a href="babai.html" target='_blank'>
					<img src="img/BOpvYq.jpg" class='carousel-image' />
				</a>
            </div>
            <div class="swiper-slide">
				<a href="technology.html" target='_blank'>
					<img src="img/BLH8kF.jpg" class='carousel-image' />
				</a>
            </div>
            <div class="swiper-slide">
				<a href="yiqiing.html" target='_blank'>
					<img src="img/BLqIzj.jpg" class='carousel-image' />
				</a>
            </div>
			<div class="swiper-slide">
				<a href="changzhengliuhao.html" target='_blank'>
					 <img src="img/BL7HL6.jpg" class='carousel-image' />
				</a>
			</div>
          </div>
          <div class="swiper-button-prev"></div>
          <!--左箭头。如果放置在swiper-container外面，需要自定义样式。-->
          <div class="swiper-button-next"></div>
          <!--右箭头。如果放置在swiper-container外面，需要自定义样式。-->
        </div>
      </section>

      <section class='promotion'>
        <div class='wrapper fluid'>
          <div class='grid columns-3 padded-2'>
            <!-- <a id='home-left-campaign' href='https://starbucks.m.tmall.com/' onclick='if (window.innerWidth >= 800) this.href="https://starbucks.tmall.com/";' target='_blank'><img src='https://www-static.chinacdn.starbucks.com.cn/prod/images/pages/tmall-2020-06-29-zh.jpg' /></a> -->
            <a id='home-middle-campaign' href="slideshow.html" target='_blank'><img
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1605081119170&di=4a8752de92a2986f37d6da9761c87ad5&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F249f2afaf505e0e96c92e52cbc5a30918e5c834735511-BNVIzj_fw658"
                class="middle-img" /></a>
            <a id='home-right-campaign' href='yi.html' target='_blank'><img
                src="img/BLqIzj.jpg"
                class="middle-img" /></a>
			<a id='home-middle-campaign' href="slideshow2.html" target='_blank'><img
				src="img/BOpvYq.jpg"
				class="middle-img" /></a>
          </div>
        </div>
      </section>

      <script type='text/javascript'>
        window._promotion_url = '';
        window._promotion_content = '';
      </script>


      <section class='tmall center'>
        <div class='wrapper'>
          <h2 class='wrapper-mobile'>社会主义四史简介</h2>
          <p class='light wrapper-mobile'>用心学习伟大的历史</p>
          <ul class='grid columns-4 padded-2'>
            <li>
              <a id='home-tmall-msr' href='index2.html#intro-item1'
                class='tablet-block mobile-hidden'>
                <img src="img/timg.jpg"/>
                <p class='title-1'><strong>中共党史</strong></p>
                <p class='margin2'>伟大历程<br />一路艰辛</p>
                <p class='caption'>了解更多 ›</p>
              </a>
            </li>
            <li>
              <a id='home-tmall-svc'
                href='index2.html#intro-item2'
                >
                <img src="img/timg.jpg"/>
				 <p class='title-1'><strong>新中国史</strong></p>
                <p class='margin2'>东方雄狮<br />逐渐苏醒</p>
                <p class='caption'>了解更多 ›</p>
              </a>
            </li>
            <li>
              <a id='home-tmall-drink'
                href='index2.html#intro-item3'
                
               >
                 <img src="img/timg.jpg"/>
                <p class='title-1'><strong>改革开放史</strong></p>
                <p class='margin2'>改革开放<br />自强不息</p>
                <p class='caption'>了解更多 ›</p>
              </a>
            </li>
            <li>
              <a id='home-tmall-coffee'
                href='index2.html#intro-item4'
               
                >
                 <img src="img/timg.jpg"/>
                <p class='title-1'><strong>社会主义发展史</strong></p>
                <p class='margin2'>共建和谐社会<br />用心学习</p>
                <p class='caption'>了解更多 ›</p>
              </a>
            </li>
          </ul>
        </div>
      </section>
      <section class='coffeehouse'>
        <div class='wrapper center'>
          <h2 class='wrapper-mobile'>英雄人物</h2>
          <p class='light wrapper-mobile'>了解英雄人物事迹</p>
        </div>
        <div class='scroll-wrapper'>
          <div class='scroll-arrow scroll-arrow-left'>
            <img src="img/6ed370be4c544aa29dc922d8e12d356d.jpeg" />
          </div>
          <div class='scroll'>
            <div class='wrapper'>
              <div class="scroll-items">
                <a id='home-blog-origin' target='_blank' href="duguofu.html"
                  class='thumbnail rect card'>
                  <div class='preview'
                    style='background-image: url(img/6ed370be4c544aa29dc922d8e12d356d.jpeg)'>
                  </div>
                  <span class='tag'>杜富国</span>
                  <!-- <time>08/07/2017</time> -->
                  <strong>杜富国的英雄事迹</strong>
                </a>	
				
                <a id='home-blog-fundamentals' target='_blank' href='guffangzhou.html'
                  class='thumbnail rect card'>
                  <div class='preview'
                    style='background-image: url(img/BjKDpT.jpg)'>
                  </div>
                  <span class='tag'>顾方舟</span>
                  <!-- <time>08/07/2017</time> -->
                  <strong>顾方舟的英雄事迹</strong>
                </a>
                <a id='home-blog-roast' target='_blank' href="hero 4.html" class='thumbnail rect card'>
                  <div class='preview'
                    style='background-image: url(img/BjEuGQ.jpg)'>
                  </div>
                  <span class='tag'>张富清</span>
                  <!-- <time>08/07/2017</time> -->
                  <strong>张富清的英雄事迹</strong>
                </a>
                <a id='home-blog-pour' target='_blank' href='hero.html' class='thumbnail rect card'>
                  <div class='preview'
                    style='background-image: url(img/BXx2TA.jpg)'>
                  </div>
                  <span class='tag'>黄文秀</span>
                  <!-- <time>08/07/2017</time> -->
                  <strong>黄文秀的英雄事迹</strong>
                </a>
              </div>
            </div>
          </div>
          <div class='scroll-arrow scroll-arrow-right'>
            <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/icons/icon-scroll-right.svg' />
          </div>
        </div>
      </section>
      <footer class="index-footer">
        <style>
          .index-footer {
            margin-bottom: -24px;
            background: #fff;
          }

          @media screen and (max-width: 640px) {
            .index-footer {
              margin-bottom: 0;
            }
          }
        </style>
        <script>
          var termsNotesHeight = document.getElementById('terms-notes').offsetHeight;
          var placeholderElement = document.getElementById('desktop-placeholder-element');
          placeholderElement.style.height = termsNotesHeight + 'px';
        </script>
        <style>
          .license {
            color: #666;
            font-size: 14px;
            text-align: center;
            line-height: 40px;
          }

          @media screen and (max-width: 640px) {
            .license {
              font-size: 12px;
            }
          }

          .license a {
            color: #666;
          }

          .license a:hover {
            color: #333;
          }
        </style>


      </footer>

      <div id='app-notification'></div>
    </section>


    <div id='app-loading'></div>
    <div id='app-auth'></div>

    <script>
      var PAGE_LANG = 'zh';
      var PAGE_TITLE = '用每一杯咖啡传递星巴克独特的咖啡体验';
      var PAGE_URL = '/';
      var SEARCH_EMPTY = '未找到结果，猜你喜欢';
      var SEARCH_POPULAR = '大家都在搜';
      var SURVEY_URL = '';
    </script>

    <script type='text/javascript' src='js/jweixin-1.2.0.js'></script>

    <script type='text/javascript' src='js/base-bundle.js'></script>

    <script type='text/javascript' src='js/common.bundle.js?202011051936'></script>
    <script type='text/javascript' src='js/vendor.bundle.js?202011051936'></script>
    <script type='text/javascript' src='js/pages.bundle.js?202011051936'></script>



    <script type='text/javascript' src='js/slick.min.js'></script>
    <script type='text/javascript' src="home-base.js"></script>
    <script type='text/javascript' src="homepage.js"></script>
    <script type='text/javascript' src='js/tmall-banner.js?v6'></script>
    <script type='text/javascript' src="homepage-banner.js"></script>
    <script type='text/javascript' src="js/index.js"></script>





    <!-- <script src="https://browser.sentry-cdn.com/4.6.4/bundle.min.js" crossorigin="anonymous"></script> -->







</body>

</html>